import ReactECharts from "echarts-for-react";
import {history} from "@@/core/history";
import {useEffect, useState} from "react";
import {Detail04Hold, Detail04Project} from "@/services/Province/Dashboard";

const Gmm04_8 = (props) => {
  // echarts Demo 数据
  // const options = {
  //   title: {
  //     text: '学科近四个季度参与国内外标准制定项目数',
  //     left: 'center'
  //   },
  //   tooltip: {
  //     trigger: 'axis'
  //   },
  //
  //   grid: {
  //     containLabel: true
  //   },
  //   toolbox: {
  //     // feature: {
  //     //   saveAsImage: {}
  //     // }
  //   },
  //   xAxis: {
  //     type: 'category',
  //     boundaryGap: false,
  //     data: ['2021年第一季度', '2021年第二季度', '2021年第三季度', '2021年第四季度']
  //   },
  //   yAxis: {
  //     type: 'value'
  //   },
  //   series: [
  //     {
  //       name: '参与国内外标准制定项目数',
  //       type: 'line',
  //       stack: 'Total',
  //       data: [7, 3, 8, 4]
  //     },
  //   ]
  // };

  const urlArr = history.location.pathname.split('/')
  const school = urlArr[urlArr.length - 1]
  const subject = urlArr[urlArr.length - 2]
  const schoolSubject = school + '-' + subject
  const [options, setoptions] = useState({})
  const [reload, setreload] = useState(false)
  useEffect(() => {
    Detail04Project({subject: schoolSubject}).then(res => {
      if (res.status === 0) {
        setoptions( {
          title: {
            text: '学科近四个季度参与国内外标准制定项目数',
            left: 'center'
          },
          tooltip: {
            trigger: 'axis'
          },

          grid: {
            containLabel: true
          },
          toolbox: {
            // feature: {
            //   saveAsImage: {}
            // }
          },
          xAxis: {
            type: 'category',
            boundaryGap: false,
            data: res.name
          },
          yAxis: {
            type: 'value'
          },
          series: [
            {
              name: '参与国内外标准制定项目数',
              type: 'line',
              stack: 'Total',
              data: res.value
            },
          ]
        })
      }
    })
  }, [reload])

  return <ReactECharts style={{width: 500, height: 400}} option={options} />
}

export default Gmm04_8
